<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ include file="/common/common.jspf" %>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>点餐管理平台</title>

</head>
<!-- 
标签：
声明控件：class="easyui-控件名"，例如：class="easyui-dialog"
控件属性：data-options="属性名:'属性值',属性名:'属性值'"，例如：data-options="iconCls:'icon-save',resizable:true
控件事件：data-options="属性名:'属性值',事件名:function(){}"，
Js:
声明控件：$(选择器).控件名({
  属性名：属性值，
   属性名：属性值，
  事件名：function(){},
   事件名：function(){}
});

如何调用控件已有的方法：
 $(选择器).控件名("方法名", "方法参数");
 -->
 <script type="text/javascript">
     $(function() {

     })

     function goURL(url,n) {
	  alert(url);
	  //先判断该面板是否存在
	 if( $('#tt').tabs('exists',n)){
		 //存在就选 中它
		 $('#tt').tabs('select',n);
	 }else{
		// 添加一个未选中状态的选项卡面板
		   $('#tt').tabs('add',{
		   	title:n,
		   	closable:true,
		   	//href:url  //不加载body外的代码
		   	content:"<iframe src='"+url+"' title='"+n+"' height='100%' width='100%' frameborder='0px'/>"
		   });
	 }
  }
  function change() {
      $('#win').window({
          width:600,
          height:300,
          title:'修改密码',
          modal:true,
          content:"<iframe src='${proPath}/base/goURL.action?url=home/userupdate' title='修改密码' height='100%' width='100%' frameborder='0px'/>"
      });
  }
  function logout() {
      $.messager.confirm('确认','您确认想要退出账号吗？',function(r){
          if (r){
              $.post("${proPath}/employee/logout.action",
                  {
                      id:null,
                  },
                  function(data){
                      location.href = '${proPath}/login.jsp';
                  });
          }
      });
  }
 </script>
<body>

 <div id="cc" class="easyui-layout" data-options="fit:true" style="width:600px;height:400px;">   
    <div data-options="region:'north',title:'欢迎使用点餐后台管理系统',split:true,border:true" style="height:80px;">
		<div id="p" style="padding:10px;float: right">
			欢迎:${sessionScope.dcEmployee.employeeName}
			<input type="button" onclick="change()"value="修改密码">
			<input type="button" onclick="logout()"value="退出登录">
		</div>

	</div>
<%--    <div data-options="region:'south',,title:'版本信息',split:true" style="height:100px;"></div>
    <div data-options="region:'east',iconCls:'icon-reload',title:'新闻公告',split:true" style="width:180px;"></div>   --%>
    
    <div data-options="region:'west',title:'导航菜单',split:true,collapsible:false" style="width:180px;">
       <div id="aa" class="easyui-accordion" data-options="fit:true,animate:false" style="width:300px;height:200px;">
			<c:forEach items="${sessionScope.catalist}" var="parent">
				<c:if test="${parent._parentId==0}">
					<div title="${parent.catagoryName}"data-options="iconCls:'icon-reload'" style="padding:10px">
						<c:forEach items="${sessionScope.catalist}" var="son">
							<c:if test="${son._parentId==parent.id}">
								<a class="easyui-linkbutton" onclick="goURL('${proPath}/base/goURL.action?url=${son.catagoryUrl}','${son.catagoryName}')" data-options="iconCls:'icon-search'" >${son.catagoryName}</a>
							</c:if>
						</c:forEach>
					</div>
				</c:if>
			</c:forEach>
		</div>     
    </div>
 <div data-options="region:'center',title:'主要内容'" style="padding:5px;background:#eee;">
	 <div id="tt" class="easyui-tabs" data-options="fit:true"  style="width:500px;height:250px;">
		 <div title="系统介绍" style="padding:20px;">
			 点餐后台管理系统可以提供。。。。。。，为企业。。。。。
			 <!--  </div>
              <div title="Tab2" data-options="closable:true" style="overflow:auto;padding:20px;display:none;">
                  tab2
              </div>
              <div title="Tab3" data-options="iconCls:'icon-reload',closable:true" style="padding:20px;display:none;">
                  tab3
              </div>    -->
		 </div>

	 </div>
 </div>
	 <div id="win"></div>
	 <div id="dialog"></div>
 </div>
</body>

</html>